// 定义样式变量

// 白间模式
@bgColor-daily: #f7f8fa;
@textColor-daily: #333333;
@subTextColor-daily: #666666;
@tipsColor-daily: #CCCCCC;
@errorColor-daily: #EE6560;

// 暗夜模式
@bgColor-dark: #171B30;
@textColor-dark: #FFFFFF;
@subTextColor-dark: rgba(255, 255, 255, 0.6);
@tipsColor-dark: rgba(223, 60, 60, 0.4);

// 模式切换  daily = 白天   dark = 黑天
.styleChange(@theme) {
    // 定义显示各种颜色，拼接 主题
    transition: all .5s;
    @bgColor: 'bgColor-@{theme}';
    @textColor: 'textColor-@{theme}';
    @subColor: 'subTextColor-@{theme}';
    @tipsColor: 'tipsColor-@{theme}';
    width: 100%;
    // 设置样式
    .Height-noOpen {
        background-color: @@bgColor; // 使用@@style 双@的方法取值
    }
    .header {
        background: @@bgColor;
        color: @@textColor;
    }

}

// 夜间模式
.night-mode-style {
    background-color: @@bgColor;
    color: @@textColor;
    .styleChange(dark);
}

// 白间模式
.mode-style {
    .styleChange(daily);
}